﻿// Grays
// -------------------------

@gray-darker: lighten(#000, 13.5%); // #222
@gray-dark: lighten(#000, 20%); // #333
@gray: lighten(#000, 33.5%); // #555
@gray-light: lighten(#000, 60%); // #999
@gray-lighter: lighten(#000, 93.5%); // #eee

// Brand colors
// -------------------------

@brand-primary: #428bca;
@brand-success: #5cb85c;
@brand-warning: #f0ad4e;
@brand-danger: #d9534f;
@brand-info: #5bc0de;

// Scaffolding
// -------------------------

@body-bg: #fff;
@text-color: @gray-dark;

// Links
// -------------------------

@link-color: @brand-primary;
@link-hover-color: darken(@link-color, 15%);



html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 80px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}

body { padding-top: 70px; }


.input-validation-error {
      border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.field-validation-error {
    color: #b94a48;
}

.mg-top-sm {
    margin-top: 4px;
}


.panel-footer {

    .form-group {
        margin-bottom: 0px;
    }
}

.panel-heading {
 
       .input-group {
        margin-top: 4px;
    }
}

/* Hover Effekt für die Bilder anpassen*/
a  {
    i {
        color: @gray-light;
        text-decoration: none;
    }
}

a:hover {
    i {
        color: @gray-darker;
        text-decoration: none;
    }
}

/* Bilder in der Menüleiste anpassen */
li.active {
   > a.pic {
        margin: 0px;
        padding-top: 19px;
        padding-bottom: 18px;
    }
}

li {
    > a.pic {
        margin-top: 4px;
    }
}

.form-group {
    input[type=checkbox] {
        margin-top: 11px;
    }
}